.footer {
    background-color: var(--footer-color);
    padding: 24px 0;
    font-size: 0.875rem;
    color: var(--font-color-extra);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
}

.footer-content-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.footer a {
    color: var(--font-color-extra);
    transition: color ease-in-out 0.5s;
}

.footer a:hover {
    color: var(--font-color-secondary);
    transition: color ease-in-out 0.5s;
}

.footer-power {
    display: flex;
    align-items: center;
}
.hexo-icon, .ps-record-icon {
    margin: 0 5px;
    width: 14pt;
    height: 14pt;
}

.footer-record {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.icp-record {
    margin-right: 4px;
}

.ps-record {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 4px;
}

@media screen and (max-width: 220mm) {
    .footer-record {
        flex-direction: column;
    }
}